import React from "react";
import {Modal } from "antd";

interface ModalProps {
  open: boolean; // 控制 Modal 是否显示
  onClose: () => void; // 关闭 Modal 的回调函数。
  onOk: () => void;// 点击确定的回调。
  title?: string; // Modal 的标题（可选）
  children?: React.ReactNode; // Modal 的内容（可选）
}

const PersonalInfoModal: React.FC<ModalProps> = ({
  open,
  onClose,
  title,
  children,
}) => {
  return (
    <Modal
      title={title || "个人信息"} // 如果未传递 title，则使用默认值
      open={open} // 控制 Modal 的显示
      onCancel={onClose} // 点击遮罩层或取消按钮时关闭 Modal
      footer={null}
    >
      {children || <div>这里是默认的内容。</div>}
    </Modal>
  );
};

export default PersonalInfoModal;
